<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html;" charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=10" />
    <link rel="shortcut icon" type="image/x-icon" href="theme/default/images/favourite.ico" media="screen" />
	<link rel="shortcut icon" type="image/x-icon" href="theme/default/images/i.ico" media="screen" />
	<script language="javascript" src="theme/javascript/jquery.js" type="text/javascript"></script>
	<script language="javascript" src="theme/javascript/jquery.mousewheel.min.js" type="text/javascript"></script>	

	<script language="javascript" src="theme/javascript/S.js" type="text/javascript"></script>	
	<link rel="stylesheet" type="text/css" href="theme/default/css/reset.css">
    <link rel="stylesheet" type="text/css" href="theme/default/css/index.css">	
</head>
<body>
<style type="text/css">
html,body{overflow:hidden}

</style>
<!-- begin header-->
<div id="header">

  <!-- begin header_main-->
  	 <ul id="nav1">
		<li><a href='#' class='red'>登录</a> 或 <a href='#' class=''>注册</a></li>
		<li class='mobile'><a href=" ">手机版</a></li>
		<li class='tel yellow'><span class='yellow'>40012345678</span></li>
	 </ul>

	 <ul id="nav2">
		<li><a class='active' href=" ">首&nbsp;页</a></li>
		<li><a href=" ">公告信息</a></li>
		<li><a href=" ">赛事中心</a></li>
		<li><a href=" ">用户中心</a></li>
		<li><a href=" ">关于超级联赛</a></li>
	 </ul>

</div> <!-- end header-->
	 <div id="header_bottom">
       <p><span class="icon_location"></span><span class='red'>地址：</span></br><span>宁波市鄞州区前河南路88号新洲银座1201</span></p>
	   <img src="theme/default/images/ewm.png" alt="" />
	    <p class='ewm'>关注超级联赛微信</p>
	 </div>

<div id="mainbody_index">
	<img class='pic_img'  src="theme/default/images/temp/01a.jpg" alt="" />
	<img class='pic_img'  src="theme/default/images/temp/01b.jpg" alt="" />
	<img class='pic_img' src="theme/default/images/temp/01c.jpg" alt="" />
	<img class='pic_img' src="theme/default/images/temp/01d.jpg" alt="" />	
	<span  class="pic_prev"></span>
	<span  class="pic_next"></span>
</div>


<div id="footer">

     <div id="footer_top">
     <div id="footer_ul">
	 <a style='display:none'>
		 <img src='theme/default/images/temp/03.jpg'>
		 <div class="bg">
		   <span class='blue'>安徽黄山</span>
		   <span>正在进行中</span>
		 </div>
	 </a>
	 <a style='display:none'>
		 <img src='theme/default/images/temp/03.jpg'>
		 <div class="bg">
		   <span class='blue'>安徽黄山</span>
		   <span>正在进行中</span>
		 </div>
	 </a>
	 <a>
		 <img src='theme/default/images/temp/03.jpg'>
		 <div class="bg">
		   <span class='blue'>浙江宁波</span>
		   <span>正在进行中</span>
		 </div>
	 </a>
	 </div>
     <p class='footer_p'>
		 <a class='page_left'></a>  &nbsp;&nbsp;
		 <a class='page_right'></a>
		 <h3 class='hot_zh'>联赛热点</h3>
		 <h3 class='hot_en'>League Hot</h3>
	 </p>
	 </div>
     <img id='footer_bottom_img' src='theme/default/images/temp/04.png'/>	
	 <div id="footer_bottom">
	  <h3>网站上线运营</h3>
      <p>
	  拾级而上，网站终于上线运营，拾级而上，网站终于上线运营，拾级而上，网站终于上线运营，拾级而上，网站终于上线运营，拾级而上，网站终于上线运营，拾级而上，网站终于上线运营，
	  </p>
       <a id='hot_more'>更多热点</a>
	 </div>

</div> <!-- end foot-->
 



</body>

<script type='text/javascript'>
$(function(){
    var win_w = $(window).height();
    var El = $('#mainbody_index .pic_img');
	var El2 = $('#footer_ul a');
    var L = El.length;	
	var L2 = El2.length;	


	$('#mainbody_index  span').click(function(){
		 var animate_pic = function(state){  
			  if(state =='down'){
			    var lastEl = $('#mainbody_index .pic_img').last();
				lastEl.css('marginTop',-win_w);
			    $('#mainbody_index').prepend(lastEl);
			  }
			   var  el = $('#mainbody_index .pic_img').first();
		       el.animate({marginTop: (state=='up' ? -win_w : 0)},300,function(){
			       if(state=='up'){
			         $('#mainbody_index').append(el);
					 el.css('marginTop','0');				   
				   }
			   });
		 }		 
		   animate_pic( $(this).hasClass('pic_prev') ? 'up' : 'down' )  
	});	

    	
    $('#mainbody_index')  
        .bind('mousewheel', function(event, delta) {  
            var znum = delta > 0 ? 1 : 0;  
            znum == 0 ? $('#mainbody_index span.pic_prev').trigger('click') :  $('#mainbody_index span.pic_next').trigger('click')
        }); 
    var i=-1; //第i+1个tab开始   
    var offset = 4500; //轮换时间   
    var timer = null;   
    function autoroll(){   
        n = $('.nav span').length-1;   
        i++;   
        if(i > n){   
            i = 0;   
        }   
        $('#mainbody_index span.pic_prev').trigger('click');  
        timer = window.setTimeout(autoroll, offset);   
    }  
    autoroll();
	
		    LeDao.initIndex()
			var resizeTimer = null;
			//缩放窗口
			$(window).bind('resize', function () {
				if (resizeTimer) {
				 clearTimeout(resizeTimer)
				}
				 resizeTimer = setTimeout(function(){
				 	LeDao.initIndex()
				}, 200);
			});

			
			
});
</script>
</html>
